$(document).ready(function () {
    getProvince()

    getCityByProId()

    getDistrictByCityId()

    getIdCardType()
})

function updateUser() {
    var formData = new FormData($("#updateForm").get(0))
    $.ajax({
        type: "post", // 请求的类型，等价于 form 表单的 method 属性
        url: "updateUser", // 请求的服务器url，等价于 form 表单的 action 属性
        data: formData,
        // 使用FormData对象作为ajax发送服务器的数据载体，需要设置以下两个参数
        contentType: false, // 防止request请求位置文件头上下文对象，如果进行处理，则会丢失文件流对象
        processData: false, // 防止request请求自动处理ForamData对象，如果进行处理，则会丢失文件流对象
        success: function (data) { // 成功时的回调函数
            // 进行业务逻辑处理，进行 dom 操作，完成页面的据图更新
            // 解析ajax回调返回的data对象中的数据，然后将其显示到指定的位置
            // if (data == 'noSession') {
            //     alert("出错啦，未登录，noSession")
            // } else if (data == 'ok') {
            //     alert("success")
            // }
            if (data == 'ok') {
                location = 'borrowing';
            }
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getProvince() {
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetProvince", // 请求的服务器路径
        success: function (data) {
            let strProvince = "";
            $.each(data, function (index, province) {
                strProvince += "<option value='"+province.proId+"'>"+province.proName+"</option>";
            });
            $("#province").html(strProvince);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getCityByProId(proId) {
    if (proId == null) proId = "110000";
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetCityByProId", // 请求的服务器路径
        data: "proId="+proId, // 发送给服务器的数据
        success: function (data) {
            let strCity = "";
            $.each(data, function (index, city) {
                if (index == 0) getDistrictByCityId(city.cityId);
                strCity += "<option value='"+city.cityId+"'>"+city.cityName+"</option>";
            });
            $("#city").html(strCity);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getDistrictByCityId(cityId) {
    if (cityId == null) cityId = "110100";
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetDistrictByCityId", // 请求的服务器路径
        data: "cityId="+cityId, // 发送给服务器的数据
        success: function (data) {
            let strDistrict = "";
            $.each(data, function (index, district) {
                strDistrict += "<option value='"+district.disId+"'>"+district.disName+"</option>";
            });
            $("#district").html(strDistrict);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getIdCardType() {
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetIdCardType", // 请求的服务器路径
        success: function (data) {
            let strIdCardType = "";
            $.each(data, function (index, idCardType) {
                strIdCardType += "<option value='"+idCardType.idCardTypeId+"'>"+idCardType.typeName+"</option>";
            });
            $("#idType").html(strIdCardType);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function uploadPreview(fileInput) {
    var previewImg = fileInput.parentElement.firstElementChild.nextElementSibling.nextElementSibling.nextElementSibling.firstElementChild
    console.log(previewImg)
    fileInput.addEventListener('change', function() {
        var file = this.files[0];
        var reader = new FileReader();
        // 监听reader对象的的onload事件，当图片加载完成时，把base64编码賦值给预览图片
        reader.addEventListener("load", function() {
            previewImg.src = reader.result;
        }, false);
        // 调用reader.readAsDataURL()方法，把图片转成base64
        reader.readAsDataURL(file);
    }, false);
}